<!DOCTYPE html>
<html lang="en">

<head>
    <title>巡检计划</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="../css/global.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/patrolPlan.css">
    <script src="../js/vue.js"></script>
    <script src="../js/axios.js"></script>
    <link rel="stylesheet" href="../css/nutui/dist/nutui.css">
    <script src="../css/nutui/dist/nutui.js"></script>
</head>

<body>
    <div id="app">
        <div class="app_header">
            <div class="app_headerLeft" @click="back">
                <span class="iconfont icon-arrow-left-bold"></span>
            </div>
            <div class="app_headerTitle">巡检计划</div>
        </div>
        <div class="app_main">
            <div class="app_mainList" v-for="(item,index) in 10" :key="index">
                <div class="app_mainListHead">
                    <div class="tips"></div>
                    <div class="title">月度泵房巡检计划</div>
                    <div class="switch">
                        <nut-switch :active="true" size="base"></nut-switch>
                    </div>
                </div>
                <div class="app_mainListItem">
                    <div class="title">巡检方式：</div>
                    <div class="txt">按月(每月31日)</div>
                </div>
                <div class="app_mainListItem">
                    <div class="title">截止时间：</div>
                    <div class="txt">下月1日 12:00</div>
                </div>
                <div class="app_mainListItem">
                    <div class="title">巡检内容：</div>
                    <div class="txt">月度巡检内容</div>
                </div>
                <div class="app_mainListItem">
                    <div class="title">备注说明：</div>
                    <div class="txt">泵房月度巡检计划，每个月对泵房各运行设备、和供水环境、用水安全巡查一次。</div>
                </div>
            </div>
        </div>
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {},
            mounted() { },
            methods: {
                back() {
                    window.history.go(-1)
                }
            }
        })
    </script>
</body>

</html>